<template>
<div class="cearch-go">
  <!-- 头部搜索 -->
   <van-nav-bar
      :title="$route.meta.title"
      fixed
      left-arrow
      @click-left="$router.go(-1)"
      @click-right="$router.push({name:'msearch'})"
    >
    </van-nav-bar>
      <router-view></router-view>
    <!-- 底部标签叶 -->
    <van-tabbar v-model="active" active-color="red">
      <van-tabbar-item icon="home-o" to="index">千尺首页</van-tabbar-item>
      <van-tabbar-item icon="wap-nav" to="classify">千尺分类</van-tabbar-item>
      <van-tabbar-item icon="shopping-cart" to="warehouse">千尺仓库</van-tabbar-item>
      <van-tabbar-item icon="manager" to="focus">千尺中心</van-tabbar-item>
    </van-tabbar>
  </div>
</template>
<script>
export default {
  data () {
    return {
      active: 0
    }
  }
}
</script>

<style lang="scss" scoped>
  .van-nav-bar {
    background-color: green;
    .van-nav-bar__title {
      color: white;
    }
  }
  .van-tabbar--fixed {
    background-color: green;
    .van-tabbar-item {
      color: white;
    }
  }
</style>
